import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js'

export default defineProps('loadingIcon', {
    // 是否显示组件
    show: {
        type: Boolean,
        default: true
    },
    // 颜色
    color: {
        type: [String, null],
        default: theme.tipsColor
    },
    // 提示文字颜色
    textColor: {
        type: String,
        default: theme.tipsColor
    },
    // 文字和图标是否垂直排列
    vertical: {
        type: Boolean,
        default: false
    },
    // 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
    mode: {
        type: String,
        default: 'spinner'
    },
    // 图标大小，单位默认px
    size: {
        type: [String, Number],
        default: 24
    },
    // 文字大小
    textSize: {
        type: [String, Number],
        default: 15
    },
    // 文字内容
    text: {
        type: [String, Number],
        default: ''
    },
    // 动画模式
    timingFunction: {
        type: String,
        default: 'ease-in-out'
    },
    // 动画执行周期时间
    duration: {
        type: [String, Number],
        default: 1200
    },
    // mode=circle时的暗边颜色
    inactiveColor: {
        type: String,
        default: ''
    }
})